/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


/*
---------------------------------------------------------------------------------------------------------------------
Author: Brett McCollem
---------------------------------------------------------------------------------------------------------------------
Creation Date: 14Nov2010
---------------------------------------------------------------------------------------------------------------------
Description: This file controls all the containers and color schemes for the website. If the color is changed here
it will change the color for the WHOLE website!! Don't modify the containers sizes because they are overlapped over 
each other to create the overlap look.
---------------------------------------------------------------------------------------------------------------------
Change Log:
15Nov2010 BM 1) Fixed a bug with the body_frame. The bug was, when the content of the text, image, or data, scrolled
                off the screen (aka the user had to use page down), the body_frame box didn't grow with the size of
				content. Fixed was to change "height: 80%;" to "min-height: 80%;".
---------------------------------------------------------------------------------------------------------------------
*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	color: #000;
}
.container {
	width: 100%;
	margin: 0 auto;
}
.header_bg {
	width: 100%;
	background: #000000;
	margin: 0 auto;
}
.header {
	background: #0099ff;
	text-align:center;
}
.body_frame {
	width: 780px;
	min-height: 80%;
	background: #FFFFFF;
	margin: 0 auto;
	position: absolute;
	top: 150px; 
	border-color: black;
	border-style: solid;
}
.body_container {
	width: 800px;
	margin: 0 auto;
}.container .body_container .body_frame #errors {
	color: #F00;
}
.container .body_container .body_frame a:link,
a:visited, a:active{
	color: #000000;
	text-decoration: underline;
}
.container .body_container .body_frame a:hover{
	color: #FFFFFF;
	text-decoration: none;
/*	background-color:#000001;*/
/*	font-weight:bold;*/
}.container .body_container .body_frame h1 {
	text-align: center;
}
.container .body_container .body_frame #login_id_header {
	text-align: center;
	font-size: 200%;
}